import React, {useState} from 'react';

function App(props) {
	const [num,setNum] = useState(1);
	const [arr,setArr] = useState([1,2,3,4])
	console.log(num)
	return (
		<div>
			<button onClick={async ()=>{
				// 数据以及视图更新是异步的
				// setNum(num+1);
				// console.log(num,document.querySelector("button").innerHTML)
				
				// 1
				// setNum(num+1);// setNum(2)
				
				// setNum(num+2);// setNum(3)
				// setNum(num+3);// setNum(4)
				
				// 2
				// setNum(num+1);
				// setTimeout(()=>{
				// 	setNum(num+2);
				// })
				
				// setNum(value=>{
				// 	console.log(value);
				// 	return 100;
				// })
				//
				// setNum(value=>{
				// 	console.log(value);
				// 	return 999;
				// })
				
				// 3
				// setNum(num=>num+1);
				// setNum(num=>num+1);
				// setNum(num=>num+1);
			}}>{num}</button>
			<button onClick={()=>{
				setArr([
					...arr,
					100
				]);
			}}>{arr}</button>
		</div>
	);
}

export default App;

